html, body, div, p, span, strong, em, a, i,dl, dt, dd, small, ol, ul, li, h1, h2, h3, h4, h5, h6, img, input, textarea, table, tr, td { margin: 0 auto; padding: 0;}
body { 
    background: #fff;  
    font: 14px "\5FAE\8F6F\96C5\9ED1",Arial, Helvetica, sans-serif, "宋体";
    width:283px;
    border:1px solid red;
    margin:0 auto;
    height:425px;
    font-size: 14px;
    color:#333;
}
.container{
    padding:10px;
}
.form-group{
    width: 100%;
}
.content .form-group p{
    float:left;
    width:85%;
}
.content{
    overflow: hidden;
}
.form-group label{
    float: left;
    width:15%;
    font-size: 14px;
    font-weight: 700;
}
.form-group input{
    float:left;
    border: 0px;
    line-height: 40px;
    width:85%;
    font-size: 14px;
}
.content .form-group .number{
    width:34%;
    line-height:40px;
}
.content .form-group .city{
    width:33%;
    font-size:18px;
    font-weight:700;
    text-align:center;
}
.content .form-group .contacts{
    width:20%;
    line-height:30px;
}
.content .form-group .contact-input{
    width:80%;
    line-height:30px;
}
.content .form-group .piecesNum{
    width:40%;
    line-height:30px;
}
.content .form-group .note{
    line-height:30px;
    width:60%;
    font-size:16px;
    font-weight:700;
}
#productList{
    margin-top:5px;
    border-top:1px dotted #333;
}
.pro-content{
    padding:5px 0px;
    border-bottom:1px solid #ccc;
}
.pro-content:before,  .pro-content:after {  
    content: "";  
    display: table;  
}  
.pro-content:after {  
    clear: both;  
}  
.pro-contentt {  
    *zoom: 1;
}
.pro-content .left{
    width:70%;
    float:left;
}
.pro-content .right{
    width:30%;
    float:right;
    text-align:right;
    padding-top:15px;
}
.pro-content .left .pro-name{
    font-weight:700;
    padding-bottom:10px;
}
.pro-content .left span{
    padding:0px 10px 0px 0px;
}